// JavaScript Document

$(function(){
	
	
    function poblarFilasScroll(numFilas){
	
	
	    $('#ContenedorTileHorizontal .fila' + numFilas).children('.cuadroResumen').each(
		    function(){
			    anchoHorTile++;
			    anchoCuadroResumen = $(this).innerWidth();
			    anchoItemScrollTool = (anchoCuadroResumen / 10)-4;
			    $('#ContenedorTileHorizontal').css('width',(anchoHorTile * (anchoCuadroResumen)));
			    $('#ContenedorTileHorizontal .fila' + numFilas).css('width',(anchoHorTile * (anchoCuadroResumen)));
			
			    $('#scrollTool ul.fila' + numFilas).append('<li><a class="itemScrollTool fila' + numFilas + '-item' + anchoHorTile + '"></a></li>');
			
			    $('#scrollTool ul.fila' + numFilas + ' a.itemScrollTool').css('width',anchoItemScrollTool);
		    }
	    );
    }
	
    $('#ContenedorTileHorizontal .filaHorizontal').each(
	    function(){
		
		    numFilas++;
		
		    $('#scrollTool').append('<ul class="scrollfilaHorizontal fila' + numFilas + '"></ul>');
		
		    poblarFilasScroll(numFilas);
		
		    anchoHorTile = 0;
		
	    }
    );



    if($('#ContenedorTileHorizontal').innerWidth() > $('#PanoramaCentral').innerWidth()){
		
	    $('#ContenedorTileHorizontal').mousedown(
		    function(event){
			    moverHorTile = true;
			    mouseIniPosiX = event.pageX;
			    ValorScroll = $('#PanoramaCentral').scrollLeft();
		    }
	    ).mousemove(
		    function(event){
			    if(moverHorTile){
				    mouseFinalPosiX = event.pageX;
				    $('#PanoramaCentral').animate({"scrollLeft": ValorScroll - (mouseFinalPosiX - mouseIniPosiX)}, 0, "linear", null);
			    }	
		    }
	    ).mouseup(
		    function(event){
			    $('#scrollToolBorder').animate({"left": (($('#PanoramaCentral').scrollLeft()/10) + 365)}, 200, "linear", null);
			    moverHorTile = false;
		    }
	    );
    }



    function agregarResumen(event){
	    dondeAddResumen = this.rel;
	    $('.dialog').dialog({modal:true, width: 400, height: 300});
    }



    function quitarResumen(event) {

        baseAddResumen = this.id;
        dondeAddResumen = baseAddResumen.substring(11);

        $(this).parents('.cuadroResumen').html('').html('<a href="#" class="addResumen" rel="' + dondeAddResumen + '"> <span class="fondoAdicional"> <span class="estiloTexto"> Agregar un resumen </span> </span> </a>');
        $('.addResumen').bind('click', agregarResumen);
    }

    // Triggers para la Pagina DashBoard

    $('.addResumen').bind('click', agregarResumen);

    $('.editarTool').bind('click', quitarResumen);

});


$(function(){
	$('#scrollToolBorder').animate({'width':$('#PanoramaCentral').innerWidth()/10}, 1000, 'linear', null);
	$('#scrollToolBorder').draggable({axis: "x" , containment: "parent" }).mousedown(
		function(){
			moverHorTile = true;
		}
	).mousemove(
		function(event){
			if(moverHorTile){
				$('#PanoramaCentral').animate({"scrollLeft": (($('#scrollToolBorder').position().left - 365))*10}, 0, "linear", null);
			}
		}
	).mouseup(
		function(){
			moverHorTile = false;
		}
	);
} );

function loadingModal() {
	if ( $( '.cargandoModal' ).length > 0 ) {
		$( '.cargandoModal' ).dialog( { modal: true } );
	} else {
		$( '#contenedorPrincipal' ).append( '<div class="cargandoModal" title="Cargando..."><span class="icono iconoCargando48x margen10"></span><span class="estiloTexto">Un momento por favor, estamos cargando la informaci&oacute;n necesaria</span></div>' );
		$( '.cargandoModal' ).dialog( { modal: true } );
	}
}

function loadingMessage( mensaje ) {
	if ( $( '.mensajeModal' ).length > 0 ) {
		$( '.mensajeModal .estiloTexto' ).html( '' );
		$( '.mensajeModal .estiloTexto' ).text( mensaje );
		$( '.mensajeModal' ).dialog( { modal: true } );
	} else {
		$( '#contenedorPrincipal' ).append( '<div class="mensajeModal" title="Importante"><span class="estiloTexto">' + mensaje + '</span></div>' );
		$( '.mensajeModal' ).dialog( { modal: true } );
	}
}